<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:nf="http://novelfaces.be/jsf/comp"
	template="../templates/uiTemplate.xhtml">

	<ui:define name="content_header">#{rb.numpad_dec_separator_component}</ui:define>
	<ui:define name="content">
		<h:messages id="messages" errorClass="ui-state-error ui-corner-all"/>
		<h:form id="mainForm" styleClass="labelsTop">
			<div class="fieldGroup">
				<h:outputLabel id="localeLabel" for="locale"  value="#{rb.locale_numpad}"/>
				<h:selectOneMenu value="#{numpadDecimalSeparatorManagedBean.locale}" id="locale">
					<f:ajax execute="@this" render="inputLabel dec"/>
					<f:selectItem itemLabel="Locale - nl" itemValue="nl" />
					<f:selectItem itemLabel="Locale - en" itemValue="en" />
					<f:selectItem itemLabel="Locale - fr" itemValue="fr" />
				</h:selectOneMenu>
			</div>
			<div class="fieldGroup">
				<h:outputLabel id="inputLabel" for="input"  value="#{rb.numpad_typing} #{numpadDecimalSeparatorManagedBean.separator}"/>
				<nf:numpadDecSep id="dec" rendered="true">
					<h:inputText id="input" >
						<f:validateLength maximum="5" />
					</h:inputText>
				</nf:numpadDecSep>
			</div>
			<ui:remove>
				<h:inputText id="input2" >
						<f:ajax/>
					</h:inputText>
				<h:commandButton value="click me" action="home" />
			</ui:remove>
		</h:form>
	</ui:define>
</ui:composition>
